<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>icon</title>
		<link rel="stylesheet" type="text/css" href="../css/normalize.css"/>
		<link rel="stylesheet" type="text/css" href="../css/icon.css"/>
		<style type="text/css">
			.icon-list{
			    font-size: 24px;
			}
		</style>
		<script src="../../libs/avalon/avalon.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var iconLists = "icon-home, icon-cog, icon-cogs, icon-trash, icon-qrcode, icon-barcode, icon-tag, icon-tags, icon-bookmark, icon-bookmark-o, icon-search, icon-zoom-out, icon-zoom-in, icon-envelope, icon-envelope-o, icon-heart, icon-heart-o, icon-star, icon-star-half, icon-star-o, icon-th-large, icon-th, icon-th-list, icon-arrow-left, icon-arrow-right, icon-arrow-up, icon-arrow-down, icon-plus, icon-minus, icon-check, icon-times, icon-question, icon-info, icon-exclamation, icon-chevron-left, icon-chevron-right, icon-chevron-up, icon-chevron-down, icon-expand, icon-compress, icon-arrows-v, icon-arrows-h, icon-arrows, icon-arrows-alt, icon-arrow-circle-left, icon-arrow-circle-right, icon-arrow-circle-up, icon-arrow-circle-down, icon-chevron-circle-left, icon-chevron-circle-right, icon-chevron-circle-up, icon-chevron-circle-down, icon-plus-circle, icon-minus-circle, icon-times-circle, icon-check-circle, icon-question-circle, icon-info-circle, icon-exclamation-circle, icon-power-off, icon-ban, icon-clock, icon-times-circle-o, icon-check-circle-o, icon-circle-o, icon-dot-circle-o, icon-circle, icon-rss, icon-wifi, icon-signal, icon-undo, icon-redo, icon-refresh, icon-list-alt, icon-lock, icon-unlock, icon-key, icon-play-circle-o, icon-headphones, icon-film, icon-music, icon-photo, icon-video-camera, icon-camera, icon-book, icon-map, icon-location, icon-thumbs-up, icon-thumbs-down, icon-hand-right, icon-hand-left, icon-hand-up, icon-hand-down, icon-comment, icon-comment-o, icon-comments, icon-comments-o, icon-eye, icon-eye-slash, icon-cloud, icon-cloud-upload, icon-cloud-download, icon-cart, icon-phone, icon-credit-card, icon-lightbulb, icon-bell, icon-bell-slash, icon-bell-o, icon-bell-slash-o, icon-microphone, icon-microphone-slash, icon-mail-forward, icon-mail-reply, icon-mail-reply-all, icon-desktop, icon-laptop, icon-tablet, icon-mobile, icon-print, icon-flag, icon-flag-o, icon-share, icon-female, icon-male, icon-debug, icon-edit, icon-trophy, icon-gift, icon-angle-double-left, icon-angle-double-right, icon-angle-double-up, icon-angle-double-down, icon-angle-left, icon-angle-right, icon-angle-up, icon-angle-down, icon-copyright, icon-at, icon-send, icon-send-o, icon-history, icon-tasks, icon-terminal, icon-code, icon-fork, icon-ellipsis-h, icon-ellipsis-v, icon-sign-out, icon-sign-in, icon-eur, icon-gbp, icon-usd, icon-cny, icon-sun, icon-moon, icon-github, icon-git, icon-apple, icon-windows, icon-android, icon-linux, icon-twitter, icon-facebook, icon-youtube, icon-google, icon-google-plus, icon-qq, icon-wechat, icon-weibo, icon-renren, icon-wordpress, icon-html5, icon-download, icon-upload, icon-save, icon-personal, icon-icon-group, icon-icon-angel-list, icon-pencil, icon-profile, icon-spinner, icon-spinner2, icon-spanner3, icon-spinner4, icon-spinner5, icon-spinner6, icon-spinner7, icon-spinner8, icon-spinner9, icon-alarm, icon-user, icon-users, icon-user-plus, icon-user-minus, icon-user-check, icon-fire, icon-chrome, icon-firefox, icon-ie, icon-opera, icon-safari, icon-volume-high, icon-volume-medium, icon-volume-low, icon-volume-mute, icon-volume-off, icon-volume-up, icon-volume-down, icon-home2, icon-home3, icon-home4".split(", ")
		</script>
		<script type="text/javascript">
			avalon.define({
			    $id: 'iconLists',
			    iconLists: iconLists
			})
		</script>
	</head>
	<body>
	    <div class="icon-list" ms-controller="iconLists">
	        <div ms-repeat="iconLists"> <span ms-class="{{el}}"></span>图标名称 {{el}}</div>
	    </div>
	</body>
</html>


